<template>
  <van-action-sheet title="商品属性" v-model="show">
    <van-cell-group>
      <van-cell v-for="(attr,index) in attrs" :key="index">
        <van-row>
          <van-col span="8">{{attr.attribute}}</van-col>
          <van-col span="16">{{attr.value}}</van-col>
        </van-row>
      </van-cell>
    </van-cell-group>
  </van-action-sheet>
</template>
<script>
import Vue from "vue";
import Popup from "../mixin/popup"
import { ActionSheet, Row, Col, Cell, CellGroup } from "vant";
Vue.use(ActionSheet)
  .use(Row)
  .use(Col)
  .use(Cell)
  .use(CellGroup);
export default {
  mixins:[Popup],
// 注册mixin
  data() {
    return {
    };
  },
  props:{
      attrs:{
          type:Array,
          default(){
              return []
          }
      }
  },
  methods: {
   
  }
};
</script>
<style lang="scss" scoped>
</style>